iT邦幫忙

2025 iThome 鐵人賽

DAY 9
0

Typst 對內容排版時,總是會把每一個內容區塊變成一個一個的方塊。若我們有許多方塊要使用「對齊功能」的時候,可以利用 #stack 輕鬆調整不同區塊之間的高度和對齊。

範例一:偷偷畫長條圖

我們可以結合 #rect 等指令繪製長條圖。

#let data = (3, 5, 4, 2, 6, 7, 4, 5, 8)

#stack(..data.enumerate().map(((i, h)) => rect(width: 10pt * h, height: 12pt, fill: luma(100% - i*10%))))

https://ithelp.ithome.com.tw/upload/images/20250823/201123761eAoa1lTxz.png

範例二:繪製直線的線路

我們還可以搭配使用 #rotate 等將文字傾斜繪製。

https://ithelp.ithome.com.tw/upload/images/20250823/20112376qYkKRjlzpx.png

效果如下:

https://ithelp.ithome.com.tw/upload/images/20250823/20112376P5wY15aJew.png


上一篇
Day 8: 使用 state 修改外部的世界
下一篇
Day 10: 模擬 Clip 的功能
系列文
Typst 與 CeTZ:對演算法與程式設計超友好的排版製圖工具18
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言